.box {
    /* background-color: pink; */
    width: 1200px;
    height: 600px;
    margin-top: 35px;
    margin-bottom: 30px;
}

.box-hd {
    height: 43px;
}

.box-hd h3 {
    float: left;
    font-size: 20px;
    color: #4F5052;
    font-weight: normal;
}

.box-hd a {
    float: right;
    font-size: 12px;
    color: #9D9EA0;
    margin-top: 8px;
}

.box-bd {
    height: 560px;

}

.box-bd ul {
    width: 1225px;
}

.box-bd ul li {
    float: left;
    width: 228px;
    height: 272px;
    background-color: #fff;
    margin-right: 15px;
    margin-bottom: 15px;
}

.box-bd ul li:hover {
    box-shadow: 0 2px 3px 3px rgba(0, 0, 0, 0.3);
}

.box-bd ul li a {
    display: block;
    width: 228px;
    height: 155px;
    background-image: url(../imgs/pic.png);
    background-repeat: no-repeat;
    background-size: 228px 155px;
}

.box-bd ul li h3 {
    font-size: 14px;
    color: #080808;
    font-weight: normal;
    margin: 20px 20px 15px 20px;
}

.box-bd ul li .heigh {
    font-size: 14px;
    font-weight: normal;
    color: #FB6F18;
    margin-left: 20px;
}

.box-bd ul li .num {
    font-size: 12px;
    color: #979797;
}